﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Veteran_cms.Models.HomeListViewModel>" %>
<%@ Import Namespace="THS.HtmlHelpers" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
 	
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<!-- title of current page -->
			<h5 class="page-title"><span>Homepage</span></h5>
  <div role="main" id="content">
				
			<%if (Model != null)
     {
         Veteran_cms.Models.Veterandb ctx = new Veteran_cms.Models.Veterandb();
         if (Model.HotNewsArticles != null)
         {
             int countId = 0;    
            %>
            <!-- Start photosgallery-captions hot news-->
            	<div id="headlines">
					<div id="headlines-carousel-wrapper">
						<section id="headlines-carousel">
                        <%foreach (var hotItem in Model.HotNewsArticles)
                          {
                              countId++;
                              %>
							<article id="<%=countId %>">
                                <%=Html.FriendlyImageUrl(hotItem.image_large, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", hotItem.article_id }, { "title", Url.EncodeFriendlyUrl(hotItem.sub_title) } }, new Dictionary<string, string> { { "class", "img-wrapper" } })%>
								<a class="img-wrapper" href="http://coolcarousels.frebsite.nl/c/28/"><img src="../../../Images/big-a.jpg" alt="" /></a>
								<div class="text-wrapper">
									<header>
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=hotItem.show_date.ToString("dd-MM-yyyy")%></span>
										</div>								
										<h4 class="title">
                                        <%=Html.FriendlyTextUrl(hotItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", hotItem.article_id }, { "title", Url.EncodeFriendlyUrl(hotItem.title) } })%>
                                       <%-- <a href="#">sample title for the headline article #1</a>--%></h4>
									</header>
					               							
									<div class="description">
                                        <p><%=hotItem.sub_title%></p>
							        </div>
                                         <div class="comment-item">
										<span class="comment-link"><a href="#">14 Comments</a></span>
										<span class="likes-link"><a href="#">4 Likes</a></span>
									</div>	
								</div>
							</article>
                             <%} %>
						</section>
                       
					</div>
					<div id="headlines-thumbs-wrapper">
						<div id="headlines-thumbs">
                        <% int i = 0;
                           foreach (var hotItem in Model.HotNewsArticles)
                           {
                               i++;
                               if (i == 1)
                               { %>
                                      <a href="#<%=i %>" class="selected"><img src="../../../images/thumb-a.jpg" alt=""/></a>
                             <%}
                               else
                               { %>
							<a href="#<%=i %>"><img alt="" src="../../../Images/thumb-e.jpg" /></a>
                            <%}
                           }
                        } %>
							
						</div> 
						<a id="prev" href="#"></a>
						<a id="next" href="#"></a>
					</div>
				</div>
				<!-- // end of photosgallery-captions -->
				
				
				
				<!-- widget area #1 on homepage new updated news-->
				<div class="widget-ext widget-area" role="complementary">
					
					
					<aside class="widget widget_post_list_ext wide">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">TIN MỚI CẬP NHẬT </h5>
							</div>
                            <%if (Model.ArticleList .Count>0)
                              {
                                  
                                  Random rd = new Random();
                                  int iRandom =rd.Next(0, Model.ArticleList.Count);
                                  var randomItem = Model.ArticleList[iRandom];
                                   %>
                                  
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><%=Html.FriendlyImageUrl(randomItem.image_large, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
                                    <a href="#"><img src="../../../Images/thumb-large-a.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy")%></span>
										</div>
						                <h5 class="title-item">
						                <%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>	
                                      
						                </h5>
						                <div class="entry-item">
                                        <p> <%=randomItem.sub_title%></p>
                                        <p><%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { { "class", "more-link" } })%></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.ArticleList)
                                  {

                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="img-item"><%=Html.FriendlyImageUrl(item.image_thumbnail, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%><a href="#"><img src="../../../Images/thumb-small-a.jpg" alt="" /></a></div>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
							                	<%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                </h5>										
										</div>
								    </li>
                                    <%} %>
								</ul>
								<p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=1})%>" class="more-link">Xem tất cả</a></p>
					        </div>
                            <%} %>
						</div>
					</aside>				
					
					
				</div>
                <!--end of area #1 new updated news-->

				<!-- widget area #2 on homepage -->
				<div class="widget-ext widget-area" role="complementary">
					
					
					<aside class="widget widget_user_list">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">Widget Authors to Follow</h5>
							</div>
					        <div class="widget-inner-content">
								<ul>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1659139002/narenda_normal.PNG" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1806439851/ipiinn_twitcon__640x480___normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="https://twimg0-a.akamaihd.net/profile_images/1219761744/fgaeg-red-400_reasonably_small.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1840126036/DSC_0224kotakkecil_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1745400938/IMG00497-20110216-1115_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1734300746/332453841_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1799047725/100_2180_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1267813754/on_the_train_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1856762414/img02107-20111030-2053_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1380383975/Finan-Cambridge_bigger_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1852113028/335136896_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1290430247/ZodiacAvatar_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1652955785/people-cahyo_normal.png" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1104034155/SBY_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
								</ul>
					        </div>
						</div>
					</aside>				

					
				</div>
				<!--End of area #2 -->
				

				<!-- widget area #3 on homepage -->
				<div class="widget-ext widget-area" role="complementary">
					<%if (Model.TopNewsCulture .Count>0)
                    {
                       
                       Random rd = new Random();
                       int iRandom = rd.Next(0, Model.TopNewsCulture.Count);
                       var randomItem = Model.TopNewsCulture[iRandom];
                    %>
					
					<aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">VĂN HÓA</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><%=Html.FriendlyImageUrl(randomItem.image_large, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%><a href="#"><img src="../../../Images/thumb-large-b.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy") %></span>
										</div>
						                <h5 class="title-item">
						                		<%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
                                                
						                </h5>
						                <div class="entry-item">
                                        <p><%=randomItem.sub_title %></p>
                                        <p>
                                        	<%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { {"class","more-link"}})%></p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.TopNewsCulture)
                                  {
                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
                                            <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                	
							                </h5>										
										</div>
								    </li>
								   <%} %>
								</ul>
                                	<p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=3})%>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					
					<%} %>
                    <%if (Model.TopNewsSport.Count>0)
                      {
                         
                          Random rd = new Random();
                          int iRandom = rd.Next(0, Model.TopNewsSport.Count);
                          var randomItem = Model.TopNewsSport[iRandom];
                          %>
                          <aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">THỂ THAO</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><%=Html.FriendlyImageUrl(randomItem.image_large, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%><a href="#"><img alt="" src="../../../Images/thumb-large-b.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy") %></span>
										</div>
						                <h5 class="title-item">
						                		<%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
						                </h5>
						                <div class="entry-item">
                                        <p><%=randomItem.sub_title %></p>
                                        <p>
                                        	<%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { {"class","more-link"}})%>
                                            </p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.TopNewsSport)
                                  {
                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
                                            <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                	
							                </h5>										
										</div>
								    </li>
								   <%} %>
								</ul>
                                	<p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=4})%>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					<%} %>
				</div>
			
				<%if (Model.TopNewsWorld != null)
                 { %>
				<!-- widget area #4 on homepage news of world -->
				<div class="widget-ext widget-area" role="complementary">
					
					
					<aside class="widget widget_carousel_post wide">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">THẾ GIỚI</h5>
							</div>
					        <div class="widget-inner-content">
								
								<div class="carousel-for-widget-wrapper">
									<div class="carousel-post">
                                    <% int i = 0; foreach (var item in Model.TopNewsWorld)
                                       {
                                           i++; %>
										<article class="post-item-wrapper">
                                        <%=Html.FriendlyImageUrl(item.image_thumbnail, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
											<div class="post-meta-data">
												<span class="post-cat"><a href="#">Bussiness</a></span>
												<span class="post-title">
                                                 <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
												</span></div>
											</article>
                                            <%} %>
										   
									</div>
									<div class="carousel-paging">
										<%--<div class="paging-text">Seek through navigation</div>--%>
										<a class="carousel-post-prev" href="#"></a>
										<a class="carousel-post-next" href="#"></a>
										<div class="carousel-post-pag"></div>
									</div>
									
								</div> <!-- /. end of carousel for widget wrapper -->
						
					        </div>
						</div>
					</aside>				
					
					
				</div>
				<!--End of news of world-->
				<%} %>
				
				<!-- widget area #5 on homepage life and science-->
				<div class="widget-ext widget-area" role="complementary">
					
					<%if (Model.TopNewsLife .Count>0)
       {
           
           Random rd = new Random();
           int iRandom = rd.Next(Model.TopNewsLife.Count);
           var randomItem = Model.TopNewsLife[iRandom];
            %>
					<aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">ĐỜI SỐNG</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy")%></span>
										</div>
						                <h5 class="title-item">
                                        <%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
						                </h5>
						                <div class="img-item">
                                        <%=Html.FriendlyImageUrl(randomItem.image_thumbnail, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
                                        <a href="#"><img alt="" src="../../../Images/thumb-small-b.jpg" alt="" /></a></div>
						                <div class="entry-item">
                                        <p><%=randomItem.sub_title%></p>
                                        <p><%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { { "class", "more-link" } })%>
                                        </p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.TopNewsLife)
                                  {
                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
							                	 <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                </h5>										
										</div>
								    </li>
								   <%} %>
								</ul>
                                <p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=5})%>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					<%} %>
					
                    				<%if (Model.TopNewsSciences != null)
       {
           Random rd = new Random();
           int iRandom = rd.Next(Model.TopNewsSciences.Count);
           var randomItem = Model.TopNewsSciences[iRandom];
            %>
					<aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">KHOA HỌC</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy")%></span>
										</div>
						                <h5 class="title-item">
                                        <%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
						                </h5>
						                <div class="img-item">
                                        <%=Html.FriendlyImageUrl(randomItem.image_thumbnail, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } })%>
                                       <a href="#"><img alt="" src="../../../Images/thumb-small-b.jpg" alt="" /></a></div>
						                <div class="entry-item">
                                        <p><%=randomItem.sub_title%></p>
                                        <p><%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", randomItem.article_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { { "class", "more-link" } })%>
                                        </p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.TopNewsSciences)
                                  {
                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
							                	 <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                </h5>										
										</div>
								    </li>
								   <%} %>
								</ul>
                                <p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=6})%>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					<%} %>
				</div>
			
				<!--End of life and science-->

				<!-- widget area #6 on homepage -->
				<div class="widget-ext widget-area" role="complementary">
					
					
					<aside class="widget widget_user_list">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">Widget title top users</h5>
							</div>
					        <div class="widget-inner-content">
								<ul>
									<li>
									    <a href="#"><img src="https://twimg0-a.akamaihd.net/profile_images/1219761744/fgaeg-red-400_reasonably_small.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1290430247/ZodiacAvatar_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1659139002/narenda_normal.PNG" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1840126036/DSC_0224kotakkecil_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1745400938/IMG00497-20110216-1115_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1734300746/332453841_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1852113028/335136896_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1267813754/on_the_train_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1856762414/img02107-20111030-2053_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1104034155/SBY_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1799047725/100_2180_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1806439851/ipiinn_twitcon__640x480___normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1652955785/people-cahyo_normal.png" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
									<li>
									    <a href="#"><img src="http://a0.twimg.com/profile_images/1380383975/Finan-Cambridge_bigger_normal.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
									    <div class="user-info">
								            <p><a href="#">nama user</a>
								            <br />38 total posts/articles</p>
									    </div>
									</li>
								</ul>
					        </div>
						</div>
					</aside>				
					
					
				</div>
				
				

				<!-- widget area #7 on homepage -->
				<div class="widget-ext widget-area" role="complementary">
					
					<%if (Model.TopEvents.Count>0)
                     {
                         
                         Random rd = new Random();
                         int iRandom = rd.Next(0, Model.TopEvents.Count);
                         var randomItem = Model.TopEvents[iRandom];
            
                    %>
					<aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">SỰ KIỆN</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Sự kiện tiêu biểu</a></span>
											<span class="cat-date"><%=randomItem.event_date.ToString("dd-MM-yyyy") %></span>
										</div>
						                <h5 class="title-item">
                                        <%=Html.FriendlyTextUrl(randomItem.title, "chi_tiet", "su_kien", new RouteValueDictionary { {"id",randomItem.event_id},{"title",Url.EncodeFriendlyUrl(randomItem.title)}})%>
						                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
						                </h5>
						                <div class="img-item"> <%=Html.FriendlyImageUrl(randomItem.image_thumbnail, "chi_tiet", "su_kien", new RouteValueDictionary { {"id",randomItem.event_id},{"title",Url.EncodeFriendlyUrl(randomItem.title)}})%>
                                         <a href="#"><img alt="" src="../../../Images/thumb-small-a.jpg" alt="" /></a></div>
                                         <div class="entry-item"><p><i><%=randomItem.time%></i></p></div>
                                        <div class="entry-item"><p><i><%=randomItem.event_date.ToString("dd-MM-yyyy")%></i></p></div>
                                        <div class="entry-item"><p><i><%=randomItem.object_joint %></i></p></div>
						                <div class="entry-item"><p><%=randomItem.sub_title %></p>
                                        <p>
                                        <%=Html.FriendlyTextUrl("Xem chi tiết", "chi_tiet", "su_kien", new RouteValueDictionary { { "id", randomItem.event_id }, { "title", Url.EncodeFriendlyUrl(randomItem.title) } }, new Dictionary<string, string> { {"class","more-link"}})%>
                                       </p>
                                       </div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach(var item in Model.TopEvents){
                                      
                                      if(item.event_id==randomItem.event_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.event_date.ToString("dd-MM-yyyy") %></span>
											</div>
							                <h5 class="title-item">
                                            <%=Html.FriendlyTextUrl(item.title,"chi_tiet","su_kien",new RouteValueDictionary{{"id",item.event_id},{"title",Url.EncodeFriendlyUrl(item.title)}}) %>
							                </h5>										
										</div>
								    </li>
								    <%} %>
								</ul>
								<p class="more"><a href="<%=Url.Action("chuyen_muc","su_kien") %>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					<%} %>
					<%if(Model.TopNewsKindness.Count>0){
          
           Random rd = new Random();
           int iRandom = rd.Next(0, Model.TopNewsKindness.Count);
           var randomItem = Model.TopNewsKindness[iRandom];
                    %>
					<aside class="widget widget_post_list_ext narrow">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">NHÂN ÁI</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date"><%=randomItem.show_date.ToString("dd-MM-yyyy") %></span>
										</div>
						                <h5 class="title-item">
                                        <%=Html.FriendlyTextUrl(randomItem.title,"chi_tiet","tin_tuc",new RouteValueDictionary{{"id",randomItem.article_id},{"title",Url.EncodeFriendlyUrl(randomItem.title)}}) %>
						                </h5>
						                <div class="img-item">
                                        <a href="#"><img alt="" src="../../../Images/thumb-small-c.jpg" alt="" /></a>
                                           <%=Html.FriendlyImageUrl(randomItem.image_thumbnail,"chi_tiet","tin_tuc",new RouteValueDictionary{{"id",randomItem.article_id},{"title",Url.EncodeFriendlyUrl(randomItem.title)}}) %>
                                        </div>
						                <div class="entry-item">
                                        <p><%=randomItem.sub_title %></p>
                                        <p>   <%=Html.FriendlyTextUrl("Xem chi tiết","chi_tiet","tin_tuc",new RouteValueDictionary{{"id",randomItem.article_id},{"title",Url.EncodeFriendlyUrl(randomItem.title)}},new Dictionary<string,string>{{"class","more-link"}}) %>
                                        </p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<ul class="list-small-post-type">
                                <%foreach (var item in Model.TopNewsKindness)
                                  {
                                      if (item.article_id == randomItem.article_id)
                                          continue;
                                       %>
								    <li>
								        <div class="content-draft">
							                <div class="cat-item">
												<span class="cat-link"><a href="#">Categories</a></span>
												<span class="cat-date"><%=item.show_date.ToString("dd-MM-yyyy")%></span>
											</div>
							                <h5 class="title-item">
							                	 <%=Html.FriendlyTextUrl(item.title, "chi_tiet", "tin_tuc", new RouteValueDictionary { { "id", item.article_id }, { "title", Url.EncodeFriendlyUrl(item.title) } })%>
							                </h5>										
										</div>
								    </li>
								   <%} %>
								</ul>
								<p class="more"><a href="<%=Url.Action("chuyen_muc","trang_chu",new{id=9} ) %>" class="more-link">Xem tất cả</a></p>
					        </div>
						</div>
					</aside>
					
					<%} %>
				</div>
			
				

			<%--	<!-- widget area #8 on homepage -->
				<div class="widget-ext widget-area" role="complementary">
					
					
					<aside class="widget widget_post_list_ext small">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">Business</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><a href="#"><img alt="" src="../../../Images/thumb-d.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Zend Framework from Scratch</a>
						                </h5>
						                <div class="entry-item"><p>President Obama’s State of the Union proposals seek to acknowledge the public frustration that few financial...</p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<p class="related-title">Other Business</p>
								<ul class="list-small-post-type">
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Opponent side: Web designer vs. Web developer</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Wikileaks is hiring, wanna join with 'em?</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">See what's good for your Mac products</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">It's christmast, see designers stuffs in their room</a>
							                </h5>										
										</div>
								    </li>
								</ul>
					        </div>
						</div>
					</aside>
					
					
					<aside class="widget widget_post_list_ext small">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">Widgetized</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><a href="#"><img alt="" src="../../../Images/thumb-a.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Bird-Watchers Revel in Unusual Spike in Snowy</a>
						                </h5>
						                <div class="entry-item"><p>Europe will see mild recession this year, Britain will slow to a crawl and world will expand significantly less than hoped...</p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<p class="related-title">Other Widgetized</p>
								<ul class="list-small-post-type">
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">SOPA Gallery: The 10 Major Dark Websites</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Meyers Ask for Refunds After Find The Artist Film</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">19-year-old student accuse Oxford elitism</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Web Design Questionnaires, Project and Work Sheets</a>
							                </h5>										
										</div>
								    </li>
								</ul>
					        </div>
						</div>
					</aside>
					
					
					<aside class="widget widget_post_list_ext small">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">WordPress</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><a href="#"><img alt="" src="../../../Images/thumb-c.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Models and Integrating Doctrine ORM</a>
						                </h5>
						                <div class="entry-item"><p>President Obama’s State of the Union proposals seek to acknowledge the public frustration...</p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<p class="related-title">Other WordPress</p>
								<ul class="list-small-post-type">
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Opponent side: Web designer vs. Web developer</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Wikileaks is hiring, wanna join with 'em?</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">See what's good for your Mac products</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">It's christmast, see designers stuffs in their room</a>
							                </h5>										
										</div>
								    </li>
								</ul>
					        </div>
						</div>
					</aside>
					
					
					<aside class="widget widget_post_list_ext small">
						<div class="widget-inner-container">
							<div class="widget-title">
								<h5 class="wt">The title</h5>
							</div>
					        <div class="widget-inner-content">
					            <div class="large-post-type">
					                <div class="img-item"><a href="#"><img alt="" src="../../../Images/thumb-b.jpg" alt="" /></a></div>
									<div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Bird-Watchers Revel in Unusual Spike in Sightings</a>
						                </h5>
						                <div class="entry-item"><p>Europe will see mild recession this year, Britain will slow to a crawl and world will expand significantly...</p></div>
									</div>
					            </div> <!-- /. end of large-post-type -->
								<p class="related-title">Other from this</p>
								<ul class="list-small-post-type">
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">SOPA Gallery: The 10 Major Dark Websites</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Meyers Ask for Refunds After Find The Artist Film</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">19-year-old student accuse Oxford elitism</a>
							                </h5>										
										</div>
								    </li>
								    <li>
								        <div class="content-draft">
							                <h5 class="title-item">
							                	<a href="#">Web Design Questionnaires, Project and Work Sheets</a>
							                </h5>										
										</div>
								    </li>
								</ul>
					        </div>
						</div>
					</aside>
					
					
				</div>--%>
                <%}
      %>
			</div>

            <!-- begin sidebar, don't rush but it's not the hardest part -->
			<div role="complementary" class="widget-area" id="secondary">
				
				
				<aside class="widget widget_ads_300">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Link tài trợ</h5>
						</div>
				        <div class="widget-inner-content">
							<div class="wrapper-ads-content">
				            <a href="#"><img src="../../../images/ads-300.jpg" alt="" /></a></div>
				        </div>
					</div>
				</aside>
				
				
				<aside class="widget widget_post_list_ext wide">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Widget title post list</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
				                <div class="img-item"><a href="#"><img src="../../../images/thumb-large-e.jpg" alt="" /></a></div>
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small-c.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small-f.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small-h.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">SOPA Protest Gallery: The 10 Major Websites That Went Dark Wednesday</a>
						                </h5>										
									</div>
							    </li>
							</ul>
							<p class="more"><a href="#" class="more-link">See all news by clickin here</a></p>
				        </div>
					</div>
				</aside>
				
				
				<aside class="widget widget_subscribe">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Subscribe and join the crowd</h5>
						</div>

						<ul>
							<li class="tabsocmed"><a href="#tabsocmed" title="Join our group">Social Media</a></li>
							<li class="tabnewsletter"><a href="#tabnewsletter" title="Subscribe newsletter">Newsletter</a></li>
						</ul>
						<div id="tabsocmed">
					        <div class="widget-inner-content">
					            <div class="tabsubscribe">
									<ul>
									    <li class="rss"><a href="#"><span></span>RSS</a></li>
									    <li class="twitter"><a href="#"><span></span>Twitter</a></li>
									    <li class="facebook"><a href="#"><span></span>Facebook</a></li>
									    <li class="youtube"><a href="#"><span></span>Youtube</a></li>
									    <li class="flickr"><a href="#"><span></span>Flickr</a></li>
									</ul>
					            </div> <!-- /. end of tabsubscribe -->
					        </div>
						</div><!-- /# end of tablatest -->
						<div id="tabnewsletter">
					        <div class="widget-inner-content">
					            <div class="tabmailsubscribe">
									<form action="#" name="mailsubscribe" method="post">
									    <p>You need to spend time learning the code and adjust your website accordingly. Read our recommendation directly through your email weekly, si ya!</p>
										<p>
										<input type="text" class="text-subscribe-email" value="" name="subscribe-name" />
									    <input type="submit" class="btn" value="Subscribe" name="subscribe-submit" />
										</p>
									</form>
					            </div> <!-- /. end of tabsubscribe -->
					        </div>
						</div><!-- /# end of tabreads -->
					
					</div>        
				</aside>
				
				
				<aside class="widget widget_user_list">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Widget title top users</h5>
						</div>
				        <div class="widget-inner-content">
							<ul>
								<li>
								    <a href="#"><img src="https://twimg0-a.akamaihd.net/profile_images/1219761744/fgaeg-red-400_reasonably_small.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
								<li>
								    <a href="#"><img src="../../../images/avatar.jpg" alt="nama user" class="user-avatar" title="nama user" /></a>
								    <div class="user-info">
							            <p><a href="#">nama user</a>
							            <br />38 total posts/articles</p>
								    </div>
								</li>
							</ul>
				        </div>
					</div>
				</aside>				
				
				
			    <aside class="widget widget_categories">
					<div class="widget-inner-container">
				        <div class="widget-title">
							<h5 class="wt">World Sport</h5>
						</div>
					    <ul>
					        <li><a href="#">Circle Menu: A Circular Menu jQuery Plugin</a></li>
					        <li><a href="#">Does It Validate? Site-Wide Markup Validation</a></li>
					        <li><a href="#">Tips for hosting providers and webmasters</a></li>
					        <li><a href="#">Announcing Amber.js: SproutCore Framework</a></li>
					    </ul>
						<a href="#" class="more-link">More Sport</a>		
					</div>	
			    </aside>


				<aside class="widget widget_tabs">
					<div class="widget-inner-container">

					<ul>
						<li class="latest"><a href="#tablatest" title="Latest Articles">Latest Articles</a></li>
						<li class="reads"><a href="#tabreads" title="Most Reads">Most Reads</a></li>
						<li class="popular"><a href="#tabpopular" title="Most Popular">Most Popular</a></li>
						<li class="comments"><a href="#tabcomments" title="Most Commented">Most Commented</a></li>
						<li class="discuss"><a href="#tabdiscuss" title="Most Discussion">Most Discussion</a></li>
						<li class="likes"><a href="#tablikes" title="Most Likes">Most Likes</a></li>
					</ul>
					<div id="tablatest">
						<div class="tabs-title">
							<h5 class="wt">Latest News From The World</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="img-item"><a href="#"><img src="../../../images/thumb-small-a.jpg" alt="" /></a></div>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small-c.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small-b.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
							<p class="more"><a href="#" class="more-link">See all news by clickin here</a></p>
				        </div>
					</div><!-- /# end of tablatest -->
					<div id="tabreads">
						<div class="tabs-title">
							<h5 class="wt">Most Reads by Visitors</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
							<p class="more"><a href="#" class="more-link">See all news by clickin here</a></p>
				        </div>
					</div><!-- /# end of tabreads -->
					<div id="tabpopular">
						<div class="tabs-title">
							<h5 class="wt">Popular Articles We Have for You</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
							<p class="more"><a href="#" class="more-link">See all news by clickin here</a></p>
				        </div>
					</div><!-- /# end of tabpopular -->
					<div id="tabcomments">
						<div class="tabs-title">
							<h5 class="wt">Latest Comments from Our Visitors</h5>
						</div>
				        <div class="widget-inner-content">
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/avatar.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/avatar.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/avatar.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/avatar.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
				        </div>
					</div><!-- /# end of tabcomment -->
					<div id="tabdiscuss">
						<div class="tabs-title">
							<h5 class="wt">Articles With Active Discussion to Watch</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
							<p class="more"><a href="#" class="more-link">See all news by clickin here</a></p>
				        </div>
					</div><!-- /# end of tabdiscuss -->
					<div id="tablikes">
						<div class="tabs-title">
							<h5 class="wt">Most Likes News and Articles</h5>
						</div>
				        <div class="widget-inner-content">
				            <div class="large-post-type">
								<div class="content-draft">
					                <div class="cat-item">
										<span class="cat-link"><a href="#">Categories</a></span>
										<span class="cat-date">Dec, 24th 2011</span>
									</div>
					                <h5 class="title-item">
					                	<a href="#">Zend Framework from Scratch – Models and Integrating Doctrine ORM</a>
					                </h5>
					                <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
					                <div class="entry-item"><p>There are frameworks created for practically every language out there – even including frontend web development like JavaScript and CSS. Developers would be wise to follow these trends of working on top of pre-built code...</p><p><a href="#" class="more-link">Continue reading</a></p></div>
								</div>
				            </div> <!-- /. end of large-post-type -->
							<ul class="list-small-post-type">
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Meyers Ask for Refunds After Finding Out The Artist Is a Silent Film</a>
						                </h5>										
									</div>
							    </li>
							    <li>
							        <div class="img-item"><a href="#"><img src="../../../images/thumb-small.jpg" alt="" /></a></div>
							        <div class="content-draft">
						                <div class="cat-item">
											<span class="cat-link"><a href="#">Categories</a></span>
											<span class="cat-date">Dec, 24th 2011</span>
										</div>
						                <h5 class="title-item">
						                	<a href="#">Was this 19-year-old student right to accuse Oxford of elitism?</a>
						                </h5>										
									</div>
							    </li>
							</ul>
				        </div>
					</div><!-- /# end of tablikes -->
					
					</div>        
				</aside>
				
				
				<aside class="widget widget_ads_300_long">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Link tài trợ</h5>
						</div>
				        <div class="widget-inner-content">
							<div class="wrapper-ads-content">
				            <a href="#"><img src="../../../images/ads-300-long.png" alt="" /></a></div>
				        </div>
					</div>
				</aside>
				
				
				<aside class="widget widget_twitter">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">We're on Twitter too guys!</h5>
						</div>
				        <div class="widget-inner-content">
							<div class="widget-tweets"></div>
							<div class="tweet-link-button">
								<a href="#" title="Follow @fgaeg on twitter"> Follow @fgaeg on twitter</a>
							</div>
				        </div>
					</div>
				</aside>
				
				
				<aside class="widget widget_photos">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Widget title top users</h5>
						</div>
				        <div class="widget-inner-content"></div>
					</div>
				</aside>				
				
				
				<aside class="widget widget_fb_like_box">
					<div class="widget-inner-container">
						<div class="widget-title">
							<h5 class="wt">Quảng cáo</h5>
						</div>
				        <div class="widget-inner-content">
							<div class="wrapper-ads-content">
				            	<div style="background-color: #fff">
									<div class="fb-like-box" data-href="http://www.facebook.com/platform" data-width="300" data-show-faces="true" data-stream="false" data-header="true"></div>
								</div>
							</div>
				        </div>
					</div>
				</aside>
				
				
				
			</div>
			<!-- /# end of sidebar for widget area -->
</asp:Content>
